.wrap {
  background: white;
  overflow: hidden;
  height: 100vh;

  .video {
    width: 100vw;
    height: 100vh;
    position: absolute;
    z-index: 998;
  }
}

.drawerShow {
  position: fixed;
  z-index: 999;
  top: 15px;
  right: 15px;
  color: white;
  background: #020205;
  border-radius: 8px;
  padding: 5px 8px;
  opacity: 0.7;
  display: block;

  .menu {
    cursor: pointer;
    transition: all 0.2s;
    height: 28px;
    //width: 150px;
    display: flex;
    justify-content: space-between;

    .img1 {
      background: url("~@/assets/images/back.png");
      background-size: 100% 100%;
      width: 28px;
      height: 28px;
      margin: 1px;
    }

    .img2 {
      background: url("~@/assets/images/refresh.png");
      background-size: 100% 100%;
      width: 28px;
      height: 28px;
      margin: 1px;
    }

    .img3 {
      background: url("~@/assets/images/next.png");
      background-size: 100% 100%;
      width: 28px;
      height: 28px;
      margin: 1px;
    }

    .img4 {
      background: url("~@/assets/images/menu.png");
      background-size: 100% 100%;
      width: 28px;
      height: 28px;
      margin: 1px;
    }

    .img1:hover, .img2:hover, .img3:hover, .img4:hover {
      border-radius: 50%;
      //opacity: 0.4;
      border: 1px solid transparent;
    }
  }
}